body{
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
   color:#fefefe;
   background-color: #201816;
   margin: 0;
   padding: 0;
   width:100%;
   height: 100%;
}
h1,h2,h3,ul{
   margin: 0;
   padding: 0;
}
p{
   margin: 10px 0;
   line-height: 18px;
}
a{
   text-decoration: none;
   color: #fefefe;
}
a:hover{
   color:#febf00;
}
ul li{
   list-style:none;
}
.clear-fix{
   clear:both;
}
.full-left{
   float:left;
}
.full-right{
   float:right;
}
.bg-public{
   background: url('/theme/images/public-bg.png') no-repeat;
}
.line-ver{
   border-top:1px solid #423429;
   border-bottom:1px solid #1e1510;
}
.bold {
   font-weight: bold;
}
.relative{
   position: relative;
   z-index: 1;
}
.absolute{
   position: absolute;
}
.hide{
   display: none;
}
.yellow{
   color:#faba03;
}
.black-transparent{
   background: url('/theme/images/black-tran.png');
}
.form_button{
   display: inline-block;
   min-width: 46px;
   text-align: center;
   color: #444;
   font-size: 11px;
   font-weight: bold;
   height: 27px;
   padding: 0 8px;
   line-height: 27px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-transition: all 0.218s;
   -moz-transition: all 0.218s;
   -ms-transition: all 0.218s;
   -o-transition: all 0.218s;
   transition: all 0.218s;
   border: 1px solid #DCDCDC;
   background-color: #F5F5F5;
   background-image: -webkit-gradient(linear,left top,left bottom,from(#F5F5F5),to(#F1F1F1));
   background-image: -webkit-linear-gradient(top,#F5F5F5,#F1F1F1);
   background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   cursor: pointer;
}
input[type="submit"]{
   border: 1px solid #3079ED;
   color: #FFF;
   text-shadow: 0 1px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   text-transform: uppercase;
   background-color: #4D90FE;
   background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
   background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
   background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
   background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
   background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
   background-image: linear-gradient(top,#4d90fe,#4787ed);

}
input[type="submit"]:hover
{
   border: 1px solid #2F5BB7;
   color: #FFF;
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   background-color: #357AE8;
   background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));
   background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
   background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
   background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
   background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
   background-image: linear-gradient(top,#4d90fe,#357ae8);

}
input[type="reset"]{
   border: 1px solid rgba(0, 0, 0, 0);
   color: #FFF;
   text-shadow: 0 1px rgba(0, 0, 0, 0.1);
   text-transform: uppercase;
   background-color: #D14836;
   background-image: -webkit-gradient(linear,left top,left bottom,from(#DD4B39),to(#D14836));
   background-image: -webkit-linear-gradient(top,#DD4B39,#D14836);
   background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
   background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
   background-image: -o-linear-gradient(top,#dd4b39,#d14836);
   background-image: linear-gradient(top,#dd4b39,#d14836)
}
input[type="reset"]:hover{
   border: 1px solid #B0281A;
   color: #FFF;
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   background-color: #C53727;
   background-image: -webkit-gradient(linear,left top,left bottom,from(#DD4B39),to(#C53727));
   background-image: -webkit-linear-gradient(top,#DD4B39,#C53727);
   background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
   background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
   background-image: -o-linear-gradient(top,#dd4b39,#c53727);
   background-image: linear-gradient(top,#dd4b39,#c53727);
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
   -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
   -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#container{
   width:1260px;
   margin: 0 auto;
   background-color: #201816;
   overflow: hidden;
}
#wapper{
   width:980px;
   margin: 0 auto;
   background: url(/theme/images/bg-container.png);
   border-radius: 14px 14px 0 0;
}
#page{
   width:960px;
   min-height: 1240px;
   margin: 0 auto;
}
.top-menu{
   height:63px;
   width:100%;
   background: url(/theme/images/bg-menu.png) repeat-x;
   background-color: transparent;
   margin: 25px 0 0;
   border-radius: 14px 14px 0 0;
   box-shadow: 0 4px 5px #000;
}
.top-menu ul.menu-c1{
   height: 63px;
   line-height: 63px;
   z-index: 5;
   position: relative;
   float:left;
   width:680px;
}
.top-menu ul li.menu-c1{
   display: inline-block;
   padding: 0 10px 0 10px;
}
.top-menu ul li.menu-c1:hover ul{
   display: block;
}
.top-menu ul li.menu-c1 ul{
   top:63px;
   left:0;
   width: 225px;
}
.top-menu ul li.menu-c1 ul li{
   float:none;
   line-height: 20px;
   padding: 10px;
   white-space: nowrap;
}
.top-menu ul li a{
   padding: 10px 5px;
   font-weight:bold;
}
.top-menu ul li.menu-c1 a.active, .top-menu ul li.menu-c1 a:hover{
   background: url('/theme/images/bg-menu-active.png') repeat-x;
   padding: 10px 5px;
   color: #eaae00;
   border-radius: 10px;
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35);

}
.menu-c1 li ul{
   display: none;
   left: 240px;
   z-index: 10;
   width: 200px;
   top: -1px;
   background-image: url(/theme/images/bg-tran.png);
}
.menu-c1 li:hover ul{
   display: block;
}
.menu-c2 li{
   font-size: 14px;
}
.bottom-menu{
   margin: 10px 0 0px 0;
}
.bottom-menu ul{
   height:42px;
   line-height: 43px;
}
.bottom-menu ul li{
   display: inline-block;
   padding: 5px 23px 0 52px;
}
.bottom-menu ul li a{
   padding: 10px 16px;
}
#box-search{
   width:300px;
   padding: 17px 0;
   float:right;
   position: relative;
}
#box-search .icon-search{
   width:22px;
   height: 22px;
   background: url(/theme/images/icon_search.png) no-repeat;
   background-size: 100%;
   right:30px;
   top:22px;
   cursor: pointer;
}
#box-search form input[type="text"]{
   padding: 5px;
   border:1px solid #ccc;
   border-radius: 5px;
   width: 275px;
   color: #fff;
   text-shadow: 1px 1px 1px #000;
}
.banner {
   width:970px;
   margin: 0 auto;
}
.list-banner li img{
   width:970px;
   height: 300px;
}
.web-name{
   text-align: center;
}
.web-name p{
   font-size:25px;
   margin: 7px 0;
   color:#ffa800;
}
.web-name span{
   color:#fefefe;
}
.banner .list-banner{
   margin: 0 auto;
   width:960px;
}
.list-banner img{
   width:100%;
}
.bg-transparent{
   position: absolute;
   background-color: #000;
   opacity: 0.2;
   width:100%;
   height:100%;
   z-index: 0;
}
.left-content{
   width:240px;
   float:left;
   position: relative;
   z-index: 10;
      
}
.categories{
   position: relative;
   margin: 25px 0px 25px 0px;
   color:#ffffff;
   z-index: 1;
}
.main-categories{
   position: relative;
   z-index: 1;
}
.like-box{
   width:240px;
   height: 242px;
   margin-bottom: 20px;
}
.cate-title, .pro-title,.bottom-menu{
   background: url('/theme/images/bg-title.png') repeat-x;
   width:100%;
   height: 42px;
   line-height:46px;
   position: relative;
   box-shadow: 0 3px 5px #000;
}
.list-pro{
   margin-top: -3px;
   overflow: hidden;
}
.cate-title span, .pro-title span{
   padding-left:32px;
   font-weight:bold;
}
.left-gym{
   background: url('/theme/images/btn-gym.png') no-repeat;
   width:20px;
   height: 20px;
   position: absolute;
   top:15px;
   left:7px;
}
.right-gym{
   background: url('/theme/images/btn-gym.png') no-repeat;
   width:20px;
   height: 20px;
   position: absolute;
   top:15px;
   right:7px;
}
.categories ul li{
   padding: 10px 0 10px 10px;
   border-top: 1px solid #423429;
   border-bottom:1px solid #1e1711;
   position: relative;
}
.categories ul li a{
   padding-left: 20px;
   text-transform: capitalize;
}
.categories ul li a.active{
   color:#eaae00;
}
.categories ul li i{
   width:10px;
   height:10px;
   background: url('/theme/images/li-style.png') no-repeat;
   position: absolute;
   top: 15px;
}
.right-content{
   margin: 25px 0 15px 0;
   width:692px;
   color:#fff;
   float:right;
}
.support{
   right: 0;
   position: fixed;
   width:250px;
   z-index: 10;
   height: 140px;
   background-color: #201816;
   overflow: hidden;
   border-radius: 5px 0px 0 0;
   border: 1px solid #ccc ;
}
.hide-sp{
   bottom:-111px;
}
.show-sp{
   bottom:0px !important;
}
.support .caption{
   padding: 6px 0px 5px 33px;
   cursor: pointer;
   background-color: #558067;
}
.support .caption .icon-support{
   width: 21px;
   height: 21px;
   top: 5px;
   left: 5px;
}
.support .caption .icon-support{
   width: 21px;
   height: 21px;
   top: 5px;
   left: 5px;
}
.hide-sp .caption .icon-toggle{
   width: 21px;
   height: 21px;
   top: 5px;
   right: 15px;
   background-position: -50px -1px;
}
.show-sp .caption .icon-toggle{
   width: 21px;
   height: 21px;
   top: 5px;
   right: 15px;
   background-position: -26px -1px;
}
.support .hot-line{
   padding: 0 15px;
   font-weight:bold;

}
.hot-line .icon-phone{
   width:24px;
   height: 24px;
   background-position: -73px -1px;
}
.hot-line p{
   padding-left:30px;
   font-size: 16px;
}
.yahoo-support{
   text-align:center;
   z-index: 11;
}
.yahoo-support li{
   display: inline-block;
   margin: 10px 5px 5px 5px;
}
.yahoo-support p{
   margin: 10px 0;
}
.main-pro-hightlight{
   z-index: 3;
   text-align: center;
   margin: 25px 0;
}
.main-content ul li{
   width: 205px;
   height: 250px;
   text-align: center;
   float: left;
   margin: 13px 15px 0px 10px;
   padding-bottom: 10px;

}
.items-pro a img{
   width:210px;
   height: 175px;
}
.main-content{
   z-index: 4;
}
.op-product .price-pro{
   padding:0;
}
.op-product button{
   background-color: #3a3027;
   padding: 4px 10px;
   border-radius: 14px;
   color:#fefefe;
   font-weight:bold;
   cursor: pointer;
   box-shadow: inset 0 1px 3px rgba(121, 121, 121, 0.35);
   border: 1px solid #111;
   padding: 5px 35px 5px 10px;

}
.op-product button:hover{
   background-color: #ffd300;
}
.op-product button em{
   width:20px;
   height:20px;
   background: url('/theme/images/btn-arrow-right.png');
   background-size:100% ;
   position: absolute;
   right:3px;
   top: 3px;
}
.add-comp,.designed-by{
   z-index: 5;
   padding: 0 20px;
}
.add-comp {
   width:60%;
}
.btn-page{
   padding: 4px;
   font-weight:bold;
   margin-bottom: 0;
   font-size: 12px;
   line-height: 20px;
   color: #333;
   text-align: center;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   vertical-align: middle;
   cursor: pointer;
   background-color: #F5F5F5;
   background-image: -moz-linear-gradient(top, #FFF, #E6E6E6);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#E6E6E6));
   background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
   background-image: -o-linear-gradient(top, #FFF, #E6E6E6);
   background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
   background-repeat: repeat-x;
   border: 1px solid #CCC;
   border-color: #E6E6E6 #E6E6E6 #BFBFBF;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   border-bottom-color: #B3B3B3;
   -webkit-border-radius: 6px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-select{
   color: #FFF;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #FAA732;
   background-image: -moz-linear-gradient(top, #FBB450, #F89406);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406));
   background-image: -webkit-linear-gradient(top, #FBB450, #F89406);
   background-image: -o-linear-gradient(top, #FBB450, #F89406);
   background-image: linear-gradient(to bottom, #FBB450, #F89406);
   background-repeat: repeat-x;
   border-color: #F89406 #F89406 #AD6704;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.list_pages{
   text-align:right;
}